<template>
<div>
  <el-card class="pieChart">
    <div class="pieTitle">仓库余量</div>
    <el-progress type="circle" :percentage="percentageValue" v-if="!isNaN(parseInt(percentageValue))" color="#39af8c" :show-text="true" :stroke-width=20  :width=120></el-progress>
  </el-card>
</div>

</template>

<script>
export default {
  name: 'PieChart',
  data() {
    return {
    }
  },
  props: ['percentageValue'],
  methods: {
  },
}
</script>

<style scoped>
.pieTitle {
    height: 50px;
    font-weight: 1000;
    line-height: 20px;
    font-size: 20px;
    text-align: start;
}
</style>